<template>
  <el-card :header="header" :shadow="shadow" v-bind="$attrs" class="base-card" v-on="$listeners">
    <div v-if="!header" slot="header">
      <slot name="header" />
    </div>
    <slot />
  </el-card>
</template>

<script>
export default {
  props: {
    shadow: {
      type: String, // always / hover / never
      default: 'never'
    },
    header: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.base-card {
  border: none;
  ::v-deep .el-card__header {
    font-size: 15px;
    font-weight: 700;
    padding: 5px;
    border: none;
  }
  ::v-deep .el-card__body {
    padding: 5px;
  }
}
</style>
